<template>
  <div class="dy-main">
    <div class="dy-header">
      <x-header title="保证金管理" :left-options="{backText: ''}"></x-header>
    </div>
    <div class="dy-body">
      <group gutter="0.05rem">
        <panel :header="开户须知" :list="info" type="2" class="pannel"></panel>
      </group>
      <group>
        <cell title="保证金冻结" link="PrerecordMain" class="cell">
          <!-- <img slot="icon" style="width:.44rem;display:block;margin-right:.28rem;" src="../../assets/img/PreRecord/close.png"> -->
        </cell>
        <cell title="保证金解冻申请" link="PrerecordInquire" class="cell">
          <!-- <img slot="icon" style="width:.44rem;display:block;margin-right:.28rem;" src="../../assets/img/PreRecord/open.png"> -->
        </cell>
        <cell title="交易查询" link="PrerecordInquire" class="cell">
          <!-- <img slot="icon" style="width:.44rem;display:block;margin-right:.28rem;" src="../../assets/img/PreRecord/query.png"> -->
        </cell>
      </group>
    </div>
    <!--<div class="dy-footer"></div>-->
  </div>
</template>
<script>

</script>
<style lang="less" scoped>
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dy-main {
    width: 100%;
    height: 100%;
    font-size: .28rem;
  .dy-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .88rem;
  }
  .dy-body {
    width: 100%;
    height: 100%;
    padding-top: .88rem;
    .confirm{
      background-color: #ec1b30;
      width: 6.9rem;
      height: .88rem;
      margin-top: .64rem;
      margin-bottom: 2.4rem;
      font-size: .34rem;
    }
  }
}
</style>
<style>
  .pannel .weui-media-box__title{
    font-size: 0.3rem;
    color: #333333;
  }
  .pannel .weui-media-box__desc{
    font-size: 0.28rem;
    color: #999999;
    line-height: .54rem;
  }
  .cell span{
    font-size:.24rem;
  }
  .cell label,
  .cell>div>p{
    font-size: .28rem;
  }
</style>
